.box {
  padding: 0rem 0.24rem; box-sizing: border-box; position: relative;
}
.biaoti_ranking {
  background: -webkit-linear-gradient(
          left,
          rgb(4, 187, 224),
          rgb(33, 236, 179)
  );
  color: rgb(255, 255, 255);
}
.vote_info {
  background: -webkit-linear-gradient(
          left,
          rgb(4, 187, 224),
          rgb(33, 236, 179)
  );
  color: rgb(255, 255, 255);
}
.toupiao_btn {
  background: -webkit-linear-gradient(
          left,
          rgb(4, 187, 224),
          rgb(33, 236, 179)
  );
  color: rgb(255, 255, 255);
}
.toupiaocheer {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 0.77rem;
  line-height: 0.77rem;
  font-size: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  color: #fff;
}
.van-checkbox.toupiao_checkbox {
  display: block;
  box-sizing: border-box;
  padding: 0 0.16rem;
  text-align: left;
  margin-top: 0.2rem;
}

.van-checkbox__icon {
  float: right;

}
.xuanshou_name {
  font-size: 0.32rem;
  line-height: 0.5rem;
  margin-top: 0.24rem;
  text-align: left;
  padding-left: 0.1rem;
}
.xuanshou_name.break1 {
  -webkit-line-clamp: 2;
}
/* .toupiao_btn {
    width: 85%;
    height: 0.77rem;
    margin: 0.16rem auto 0;
    font-size: 0.32rem;
    line-height: 0.77rem;
} */

/* copy */
body {
  background-color: #f0f0f0;
}
.backtoeqpage{
  display: block;
  position: fixed;
  left: .2rem;
  bottom: 1.5rem;
  background: url('~@/assets/img/back@2x.png') no-repeat left top !important;
  background-size: 100% 100% !important;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  z-index: 999999;
}
.shuoming_con img{ text-align:center; display:block; height:auto;}
#tabNum0{
  overflow-x:hidden;
  overflow-y: auto !important;
}
.keyword {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 1.8rem;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.Asingletemplate_list .Agrouping li{
  width:25%;
}

.shuoming_con img{
  max-width: 100%;
}

#tabNum0::after {
  content: "";
  display: block;
  height: .96rem;
  margin-top: .4rem;
}
/*通知*/
.notice_box {
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.3);
}
.notice_box img {
  width: 0.36rem;
  margin: 0 0.16rem 0 0.24rem;
}
/*音乐*/
.music_icon {
  position: fixed;
  left: 0.32rem;
  top: 1.06rem;
  width: 0.96rem;
  height: 0.96rem;
  background: none;
}
/*底部tab*/
.tabbar {
  height: 0.96rem;
  padding-top: 0;
}
.tabbar a {
  height: 100%;
}
.tabbar a .icon {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0.08rem auto 0;
  background-size: 100% 100%;
}
.tabbar a#home .icon {
  background-image: url("~@/assets/img/icon-active-index.png");
}
.tabbar a#explain .icon {
  background-image: url("~@/assets/img/icon-explain.png");
}
.tabbar a#search .icon {
  background-image: url("~@/assets/img/icon-search.png");
}
.tabbar a#ranking .icon {
  background-image: url("~@/assets/img/icon-ranking.png");
}
.tabbar a#signup .icon {
  background-image: url("~@/assets/img/icon-signup.png");
}
/*活动数据*/
.region {
  margin-top: 0.24rem;
  border-radius: 0.16rem;
  box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.25);
}
.topheader {
  overflow: hidden;
}
.vote_info {
  height: 1.5rem;
  border-radius: 0;
  padding: 0;
  font-size: 0.26rem;
}
.vote_info > div {
  width: 33.3%;
  position: relative;
}
.vote_info > div:nth-child(n + 2)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.8rem;
  background-color: rgba(255, 255, 255, 0.6);
}
.vote_info span {
  display: block;
  line-height: 0.5rem;
  font-size: 0.36rem;
  margin-bottom: 0.16rem;
}
.titme_box {
  border-radius: 0;
  height: 0.74rem;
  line-height: 0.74rem;
  margin-top: 0;
  font-size: 0.3rem;
}
.titme_box .Ticonfont {
  font-size: 0.36rem;
  margin-right: 0.08rem;
  margin-top: 0;
}
/*活动介绍*/
.time {
  line-height: 0.42rem;
  padding: 0.16rem 0 0;
  font-size: 0.3rem;
}
.introducebox .Ticonfont {
  font-size: 0.34rem;
  line-height: inherit;
}
.shuoming_con {
  padding: 0;
  font-size: 0.3rem;
  margin: 0.16rem 0 0;
}
.baoming_box {
  width: auto;
  height: 0.77rem;
  line-height: 0.77rem;
  border-radius: 0.08rem;
  margin-top: 0.16rem;
  font-size: 0.32rem;
  box-shadow: none;
}
.baoming_box img {
  display: inline-block;
  width: 0.36rem;
  margin-right: 0.16rem;
  margin-bottom: 0.04rem;
}
/*搜索*/
.search {
  height: 0.88rem;
  line-height: 0.88rem;
  background-color: #fff;
}
.search input {
  padding: 0 0.24rem;
  font-size: 0.3rem;
}
.search_btn {
  width: 20vw;
  height: 100%;
  line-height: inherit;
  font-size: 0.32rem;
}
.search_btn img {
  width: 0.36rem;
  margin-bottom: 0.04rem;
  margin-right: 0.04rem;
}
/*搜索关键词*/
.resultitem {
  min-width: 3.68rem;
  max-width: 4.2rem;
  height: 0.84rem;
  line-height: 0.84rem;
  padding: 0 0.24rem;
  margin: 0.24rem auto;
  font-size: 0.26rem;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.resultitem span {
  font-size: 0.26rem;
}
/*搜索弹窗*/
.soushuobox {
  width: 75%;
  border-radius: 0.16rem;
  padding: 0.64rem 0.24rem 0.4rem;
}
.soushouchimg {
  width: auto;
  height: 3rem;
  margin: 0 auto;
}
.soushuobox input {
  width: 100%;
  height: 0.72rem;
  line-height: 0.72rem;
  margin: 0.4rem 0 0;
  border: 1px solid #E5E5E5;
  background: none;
  text-align: left;
  padding: 0 0.24rem;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.soushuobox .soushuo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.soushuobox .soushuo .soushuo_btn {
  width: 100%;
  height: 0.77rem!important;
  line-height: 0.77rem!important;
  margin-top: 0.16rem;
  font-size: 0.32rem!important;
  border: none!important;
}
.soushuobox .soushuo .soushuo_btn .Ticonfont {
  font-size: 0.32rem!important;
}
.soushuobox .soushuo .soushuo_btn:nth-child(1) {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.soushuobox .soushuo .soushuo_btn:nth-child(2) {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
/*分组*/
.grouping {
  margin-top: 0.08rem;
}
.grouping li {
  /*width: calc((100% - 0.32rem) / 3);*/
  font-size: 0.32rem;
  margin: 0.16rem 0 0;
  /*background-color: #fff;*/
  border-radius: 0.08rem;
  /*box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.25);*/
}
.grouping li div {
  height: 0.77rem;
  line-height: 0.77rem;
  /*border: none!important;*/
}
.grouping li.mr0 {
  margin-right: 0!important;
}
/*参赛选手*/
.player_box .player_list {
  border-radius: 0.16rem;
  box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.25);
  /*overflow: hidden;*/
}
.player_box .player_list .xuanshou_num {
  font-size: 0.26rem;
  line-height: 0.36rem;
  width: 0.92rem;
}
.player_box .player_list .xuanshou_num i.Ticonfont {
  left: -0.12rem;
  font-size: 1.28rem;
  line-height: 1.28rem;
  opacity: .8;
}
/* .xuanshou_name {
    padding-left: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.5rem;
    margin-top: 0.24rem;
} */
.jianjeis-ww {
  padding: 0 0.24rem;
  line-height: 0.32rem;
}
.jianjeis-ww, .player_box .player_list .xuanshou_vote {


  margin: 0.16rem 0 0;
  font-size: 0.26rem;
  color: #B3B3B3;
}



.player_box .player_list .xuanshou_vote {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.5rem;
  margin-bottom: 0.24rem;
}
.player_box .player_list .xuanshou_vote span {
  font-size: 0.36rem;
  margin-right: 0.16rem;
}
.toupiao_btn {
  /* width: 85%; */
  text-align: center;
  height: 0.77rem;
  margin: 0.16rem auto 0;
  font-size: 0.32rem;
  line-height: 0.77rem;
  border-radius: 0.05rem;
}
/*无数据*/
.no_info {
  width: auto;
  background-color: #fff;
  margin: 0 0.24rem;
}
.no_info img {
  width: 5.6rem;
  margin: 0.32rem auto;
}
/*多选投票*/
.yxz_bottom {
  height: 1.1rem;
  bottom: 0.98rem;
  padding: 0rem 0.24rem;
  background: #fefefe;
}
.yxz_bottom .yxz_number {
  color: #333333;
}
.yxz_bottom .yxz_number .tips {
  color: #999999;
  font-size: .26rem;
  line-height: .36rem;
}
.yxz_bottom .exit {
  text-align: center;
}
.yxz_bottom .tp {
  width: 23%;
  height: 0.77rem;
  line-height: 0.77rem;
  box-sizing: border-box;
  position: absolute;
  right: 15px;
}
/*底部*/
.mescroll-upwarp {
  margin-top: 0.2rem;
  color: #B3B3B3;
}
.mescroll-upwarp .upwarp-nodata {
  line-height: 0.7rem;
  font-size: 0.26rem!important;
}
.technical {
  height: 0.36rem;
  line-height: .36rem;
  padding: 0.2rem 0;
  border-top: 0.02rem dashed #999;
  text-align: center;
  font-size: 0.26rem;
  margin: 0 0.28rem;
}

/*排行榜*/
.ranking_content {
  overflow: hidden;
}
.ranking_content .tit {
  height: 0.98rem;
  line-height: 0.98rem;
  font-size: .36rem;
  margin-top: 0.24rem;
  border-radius: 0.16rem 0.16rem 0 0;
}
.ranking_content .tit ul {
  padding: 0rem 0.24rem;
}
.ranking_content .rank_box,
.ranking_content .no_infobox{
  border-radius: 0 0 0.16rem 0.16rem;
  box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.25);
}
.ranking_content .rank_xia {
  box-shadow: none;
  border-radius: 0 0 0.16rem 0.16rem;
  padding-left: .24rem;
  box-sizing: border-box;
}
.ranking_content .rank_xia li {
  height: 1.5rem;
  border-bottom: 0.02rem solid #eee;
}
.rank_xia li .rank_xia_con {
  padding: 0 .24rem 0 0;
}
.rank_xia_con .rank_num {
  width: .6rem;
  margin-right: .6rem;
}
.rank_xia img {
  width: 100%;
  height: 100%;
}
.rank_xia_con .xia_player_name {
  margin-left: 0.16rem;
  font-size: .36rem;
  color: #333;
}
.rank_xia_con .xia_player_name p {
  font-size: .26rem;
  line-height: .36rem;
  color: #999999;
}
.rank_xia_con .xia_vote {
  width: auto;
  min-width: 1.2rem;
  max-width: 1.5rem;
  font-size: .36rem;
  padding-right: 0;
}
